<template>
  <view :class="['flex-col', styles['page']]">
    <view :class="['flex-col', styles['group_2']]">
      <image
        src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321886d32e90012f09dc4/16234010093791214053.png"
        :class="[styles['image_3']]" />
      <view :class="['flex-row', styles['equal-division']]">
        <view :class="['flex-col', 'items-center', styles['equal-division-item']]">
          <image
            src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/60c325b4767e240013341755/60c321886d32e90012f09dc4/16551312356205125204.png"
            :class="[styles['image_4']]" />
          <text :class="[styles['text_2']]">地图找楼</text>
        </view>
        <view :class="['flex-col', 'items-center', styles['equal-division-item']]">
          <image
            src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/60c325b4767e240013341755/60c321886d32e90012f09dc4/16551312356216119962.png"
            :class="[styles['image_4']]" />
          <text :class="[styles['text_2']]">核心商圈</text>
        </view>
        <view :class="['flex-col', 'items-center', styles['equal-division-item']]">
          <image
            src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/60c325b4767e240013341755/60c321886d32e90012f09dc4/16551312356222324005.png"
            :class="[styles['image_4']]" />
          <text :class="[styles['text_2']]">全景参观</text>
        </view>
        <view :class="['flex-col', 'items-center', styles['equal-division-item']]">
          <image
            src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/60c325b4767e240013341755/60c321886d32e90012f09dc4/16551312356230545511.png"
            :class="[styles['image_4']]" />
          <text :class="[styles['text_2']]">咨询热线</text>
        </view>
      </view>
      <view :class="['flex-col', styles['group_7']]">
        <text :class="[styles['text_7']]">热推空间</text>
        <view :class="['flex-col']">
          <view :class="['flex-row', styles['list-item']]" :key="i" v-for="(item, i) in list_vsyRwEDL">
            <image
              src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321886d32e90012f09dc4/16234010093853079242.png"
              :class="[styles['image_9']]" />
            <view :class="['flex-col', styles['group_9']]">
              <view :class="['flex-col', 'items-start']">
                <text :class="[styles['text_8']]">维新软件科学园</text>
                <text :class="[styles['text_10']]">深圳市南山区中心路3331号</text>
              </view>
              <view :class="['justify-end', styles['group_11']]">
                <text :class="[styles['text_12']]">¥1,870</text>
                <text :class="[styles['text_14']]">起/工位/月</text>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>
<script setup>
import Taro from '@tarojs/taro';
import { ref } from 'vue';
import styles from './shouye.module.css';

const list_vsyRwEDL = ref([null, null, null])
</script>